{include file="index@/public/header" /}
<style>
body {
  background: #e1e0de;
}
* {
  box-sizing: border-box;
}
h1,
h2,
h3,
h4 {
  font-weight: 700 !important;
}
.layui-card-header {
  width: 100%;
  border-bottom: 1px solid #999 !important;
  padding-left: 5px;
}
.layui-card {
  padding: 10px 20px 50px;
}
.layui-container {
  padding: 0 !important;
}
.layui-breadcrumb {
  padding-left: 5px;
}
.layui-card h1{
  margin: 10px auto 0;
}

.title div:nth-child(2){
  flex: 1.5;
}
.title div:hover, .title .active{
  background: rgba(246,244,244, 0.9);
  cursor: pointer;
  caret-color: rgba(0,0,0,0);
}

.content {
  margin: 20px 10px 0 20px;
}
.content .p {
    margin: 20px 0;
}
.content .question{
  color: #3A6589;
  line-height: 30px;
  font-weight: 550;
}
.content .answer {
  line-height: 17px;
}
@media screen and (min-width: 901px){
  .title, .title div{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .title {
    width: 1150px;
    height: 30px;
    margin-top: 15px;
  }
  .title div{
    flex:1;
    font-size:15px;
    height: inherit;
  }
}
@media screen and (max-width: 900px){
    .title{
      width: 80%;
      flex-direction: column;
    }
    .title div {
      height: 25px;
      line-height: 25px;
      padding-left: 5px;
      font-weight: bold;
    }
    .content {
      margin: 0;
    }
    .content .question{
      line-height: unset;
    }
}
</style>
<div class="layui-container" style='font: 12px/14px arial,helvetica,sans-serif;'>
  <div class="layui-card">
   <span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
    <div class="layui-card-header">
        <h1>零件编号和名称</h1>
    </div>

      <div class="layui-content">
         <div class="title">
              <div class="d1"><a href="/resources/bearing-faqs/general-questions/">一般问题</a></div>
              <div class="d2 active"><a href="/resources/bearing-faqs/part-numbers-and-designations/">零件编号和名称</a></div>
              <div class="d3"><a href="/resources/bearing-faqs/ball-bearings/">球轴承</a></div>
              <div class="d4"><a href="/resources/bearing-faqs/roller-bearings/">滚子轴承</a></div>
              <div class="d5"><a href="/resources/bearing-faqs/clearance-and-preload/">间隙和预载荷</a></div>
              <div class="d6"><a href="/resources/bearing-faqs/grease/">润滑</a></div>
          </div>
          <div class="content d2">
            <div class="p">
              <div class="question">{:lang('What is the difference between ZZ, 2RS, LLB and LLU seals?')}</div>
              <div class="answer">{:lang('ZZ: Double metal shield, provides moderate sealing against solid contaminants')}</div>
              <div class="answer">{:lang('2RS: Double rubber seal, provides effective sealing against both solid contaminants and liquids')}</div>
              <div class="answer">{:lang('LLB: Double lip land riding contact seal, provides moderate sealing against contaminants')}</div>
              <div class="answer">{:lang('LLU: Double lip contact seal with inner flinger, provides enhanced sealing effectiveness against contaminants and harsh environments')}</div>
              <div class="answer" style="margin-top: 10px;">{:lang('These designations indicate different types of seals used in bearings, with varying levels of sealing effectiveness. ZZ and LLB seals provide moderate sealing against solid contaminants, while 2RS and LLU seals offer more effective sealing against both solid contaminants and liquids. LLU seals also have an inner flinger that enhances sealing in harsh environments. The choice of seal type depends on the specific application and environmental conditions.')}</div>
            </div>
          </div>

        

      </div>    
  </div>
</div>
{include file="index@/public/footer" /} 
